<template>
  <Header />
  <div class="sub-container">
    <Loading v-show="loading" />
    <div v-show="!loading" id="micro-container">子应用内容</div>
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import Header from './components/Header.vue'
import Loading from './components/Loading.vue'
import { useLoadingStore } from './store/modules/loading';

const loadingStore = useLoadingStore();
const loading = computed(() => {
  return loadingStore.loadingStatus;
});
</script>




<style scoped>
html,
body,
#micro_web_main_app {
  width: 100%;
  /*height: 100%;*/
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.sub-container {
  min-height: 100%;
  position: relative;
}

#micro-container {
  min-height: 100%;
  width: 100%;
}
</style>
